<template>
  <div class="base-count">
    <button @click="sub(count--)">-</button>
    <span>{{ count }}</span>
    <button @click="add(count++)">+</button>
  </div>
</template>

<script>
export default {
  // 1.自己的数据随便修改  （谁的数据 谁负责）
  data () {
    return {
      count: 100,
    }
  },
  methods:{
    sub(val){
      this.$emit("changeNum", val-1)
    },
    add(val){
      this.$emit("changeNum", val+1)

    }
  }
  // 2.外部传过来的数据 不能随便修改
 
}
</script>

<style>
.base-count {
  margin: 20px;
}
</style>